<template lang="pug">
  div.homepart
    div.mbx
      span.ml24 日常保育
      div(@click="$router.push('/childCare/daily/conservation')")
        span 保育管理
        img(src="@/assets/right.png")
    .quikWrapper
      .quikBox(@click="$router.push('/childCare/daily/conservation')")
        img.titleIcon(src="~@/assets/baoyu.png")
        b.title 保育
        span.by 宝宝每日生活记录!
        i.el-icon-arrow-right
      .quikBox(@click="$router.push('/childCare/daily/babyReport')")
        img.titleIcon(src="~@/assets/bbyr.png")
        b.title 宝宝一日
        span 宝宝每日健康成长时光记录!
        i.el-icon-arrow-right
      <!--.quikBox(@click="$router.push('/childCare/daily/vaccination')")-->
        <!--img.sort(src="~@/assets/sort-3.png")-->
        <!--img.titleIcon(src="~@/assets/babyCare-icon3.png")-->
        <!--b.title 疫苗接种-->
        <!--span 宝宝健康安全保障记录!-->
        <!--i.el-icon-arrow-right-->
      .quikBox(@click="$router.push('/childCare/daily/attendance')")
        img.titleIcon(src="~@/assets/kqtj.png")
        b.title 考勤统计
        span 宝宝一日考勤记录！
        i.el-icon-arrow-right
      .quikBox(@click="$router.push('/childCare/daily/attendanceTransfer')")
        img.titleIcon(src="~@/assets/kqjs.png")
        b.title 考勤接送
        span 宝宝进入智慧校园安全记录!
        i.el-icon-arrow-right
</template>
<script>
export default {
}
</script>
<style scoped lang="scss">
.homepart{
  padding: 24px;
  border-radius: 8px;
  ::v-deep{
    .quikBox {
      padding: 16px 24px;
      border-radius: 4px;
      display: flex;
      align-items: center;
      img{
        width: 32px !important;
        height: 32px !important;
        margin: 0;
      }
      .title{
        margin-left: 24px;
      }
      span{
        margin-left: 24px;
      }
    }
  }
}
.by{
  margin-left:58px !important;
}
</style>
